<style lang="less" scoped>
</style>
<template>
    <el-table
        size="mini"
        :data="data"
        border
        style="width: 100%;margin-bottom: 10px">
        <template v-for="item in columns">
            <el-table-column
                :label="item.label"
                :key="item.prop"
                :width="item.width ? item.width : ''"
                :prop="item.prop">
                <template v-if="item.children" v-for="item2 in item.children">
                    <el-table-column
                        :label="item2.label"
                        :key="item2.prop"
                        :width="item2.width ? item2.width : ''"
                        :prop="item2.prop">
                        <template v-if="item2.children" v-for="item3 in item2.children">
                            <el-table-column
                                :label="item3.label"
                                :key="item3.prop"
                                :width="item3.width ? item3.width : ''"
                                :prop="item3.prop">
                                <template v-if="item3.children" v-for="item4 in item3.children">
                                    <el-table-column
                                        :label="item4.label"
                                        :key="item4.prop"
                                        :width="item4.width ? item4.width : ''"
                                        :prop="item4.prop">
                                    </el-table-column>
                                </template>
                            </el-table-column>
                        </template>
                    </el-table-column>
                </template>
            </el-table-column>
        </template>
    </el-table>
</template>
<script>
    export default {
        props: {
            columns: {
                type: Array,
                default: () => {
                    return []
                }
            },
            data: {
                type: Array,
                default: () => {
                    return []
                }
            },
            loading: {
                type: Boolean,
                default: false
            }
        },
        data () {
            return {
            };
        },
        computed: {
        },
        methods: {
        },
        components: {
        },
        activated: function () {   //  组件激活时调用
        },
        mounted: function () {
        }
    };
</script>
